<div class="app-main">
    <div class="left-menu left ">
        <div style="height: 0px;">
            <div class="main-menu">
                <div class="top top-close" v-if="menuOpen">
                    <span class="logo" @click="btn1Click"></span>
                    <span class="version-type">标准版试用版</span>
                </div>
                <div class="top top-open" v-else>
                    <span class="logo-open" @click="btn1Click"></span>
                    <span class="version-type">标准版试用版</span>
                </div>
                <ul class="bottom">
                    <li :style="{padding: menuOpen ? '22px 19px' : '22px 16px'}" class="menu-item" >
                        <a class="main-nav cf">
                            <span class="menu-pic left"></span>
                            <span class="text" :style="{display: menuOpen ? 'inline' : 'none'}" :style="{display: menuOpen ? 'inline' : 'none'}">购货</span>
                        </a>
                        <!--<span class="arrow" style="top: 95.5px;" :style="{left: menuOpen ? '135px' : '47px'}"></span>-->
                        <div class="sub-nav-wrap group-nav cf" style="top: 62px;" :style="{left: menuOpen ? '143px' : '55px'}">
                            <div class="nav-item">
                                <h3>采购单据</h3>
                                <ul class="sub-nav">
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                </ul>
                            </div>
                            <div class="nav-item">
                                <h3>采购报表</h3>
                                <ul class="sub-nav">
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                </ul>
                            </div>
                            <div class="nav-item">
                                <h3>采购报表</h3>
                                <ul class="sub-nav">
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                    <li><a><span class="hasList">购货订单</span><i>查询</i></a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li  :style="{padding: menuOpen ? '22px 19px' : '22px 16px'}" class="menu-item item-sales odd" data-subid="sales">
                        <a href="#" rel="" tabtxt="销货" tabid="sales" class="main-nav cf">
                            <span class="menu-pic sales left"></span>
                            <span class="text" :style="{display: menuOpen ? 'inline' : 'none'}" :style="{display: menuOpen ? 'inline' : 'none'}">销货</span>
                        </a>
                        <span class="arrow" style="top: 162.5px;" :style="{left: menuOpen ? '135px' : '47px'}"></span>
                        <div class="sub-nav-wrap group-nav cf" style="top: 129px;" :style="{left: menuOpen ? '143px' : '55px'}">
                            <div class="nav-item">
                                <h3>销售单据</h3>
                                <ul class="sub-nav">
                                    <li class=""><a href="/scm/invSo.do?action=initSo" rel="pageTab" tabtxt="销货订单"
                                                    tabid="sales-salesOrder" data-right="SO_ADD"> <span class="hasList">销货订单<span
                                                        class="hide"></span></span> <i tabtxt="销货订单记录"
                                                                                       tabid="sales-salesOrderList"
                                                                                       rel="pageTab"
                                                                                       href="/scm/invSo.do?action=initSoList"
                                                                                       data-right="SO_QUERY">查询</i> </a>
                                    </li>
                                    <li class=""><a href="/scm/invSa.do?action=initSale" rel="pageTab" tabtxt="销货单"
                                                    tabid="sales-sales" data-right="SA_ADD"> <span
                                                    class="hasList">销货单<span class="hide"></span></span> <i
                                                    tabtxt="销货单记录" tabid="sales-salesList" rel="pageTab"
                                                    href="/scm/invSa.do?action=initSaleList"
                                                    data-right="SA_QUERY">查询</i> </a></li>
                                    <li class=""><a href="/scm/invSa.do?action=initSale&amp;transType=150602"
                                                    rel="pageTab" tabtxt="销货退货单" tabid="sales-salesBack"
                                                    data-right="SABACK_ADD"> <span class="hasList"
                                                                                   style="color: #ff4136;">销货退货单<span
                                                        class="hide"></span></span> <i tabtxt="销货退货单记录"
                                                                                       tabid="sales-salesBackList"
                                                                                       rel="pageTab"
                                                                                       href="/scm/invSa.do?action=initSaleList&amp;transType=150602"
                                                                                       data-right="SABACK_QUERY">查询</i>
                                        </a></li>
                                    <li class=""><a href="/sales/originalSales-list.jsp" rel="pageTab" tabtxt="原始单据"
                                                    tabid="sales-salesOriginal" data-right="SA_QUERY"> <span>原始单据<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/sales/salesBilling.jsp" rel="pageTab" tabtxt="销售开票"
                                                    tabid="sales-salesBill" data-right="SABILLING_ADD"> <span
                                                    class="hasList">销售开票<span class="hide"></span></span> <i
                                                    tabtxt="销售开票记录" tabid="sales-salesBillList" rel="pageTab"
                                                    href="/sales/salesBilling-list.jsp"
                                                    data-right="SABILLING_QUERY">查询</i> </a></li>
                                </ul>
                            </div>
                            <div class="nav-item"><h3>销售报表</h3>
                                <ul class="sub-nav">
                                    <li class=""><a href="/report/sales-order-tracking.jsp" rel="pageTab"
                                                    tabtxt="销售订单跟踪表" tabid="sales-salesOrderTracking"
                                                    data-right="SALESORDER_QUERY"> <span>销售订单跟踪表<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/sales-detail.jsp" rel="pageTab" tabtxt="销售明细表"
                                                    tabid="sales-salesDetail" data-right="SAREPORTDETAIL_QUERY"> <span>销售明细表<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/sales-summary.jsp" rel="pageTab" tabtxt="销售汇总表（按商品）"
                                                    tabid="sales-salesSummary" data-right="SAREPORTINV_QUERY"> <span>销售汇总表（按商品）<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/sales-summary-customer-new.jsp" rel="pageTab"
                                                    tabtxt="销售汇总表（按客户）" tabid="sales-salesSummaryCustomer"
                                                    data-right="SAREPORTBU_QUERY"> <span>销售汇总表（按客户）<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/sales-summary-sales.jsp" rel="pageTab"
                                                    tabtxt="销售汇总表（按销售人员）" tabid="sales-salesSummarySales"
                                                    data-right="SAREPORSALER_QUERY"> <span>销售汇总表（按销售人员）<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/sale-receipt-detail.jsp" rel="pageTab"
                                                    tabtxt="销售收款一览表" tabid="sales-saleAndReceiptDetail"
                                                    data-right="SALERECEIPTDETAIL_QUERY"> <span>销售收款一览表<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/contact-debt-new.jsp" rel="pageTab" tabtxt="往来单位欠款表"
                                                    tabid="sales-contactDebt" data-right="ContactDebtReport_QUERY">
                                            <span>往来单位欠款表<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/sale-profit-detail.jsp" rel="pageTab" tabtxt="销售利润表"
                                                    tabid="sales-salePrifitDetail" data-right="SALESPROFIT_QUERY">
                                            <span>销售利润表<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/sale-rank-detail.jsp" rel="pageTab" tabtxt="销售排行表"
                                                    tabid="sales-saleRankDetail" data-right="APPREPORTSALE_QUERY">
                                            <span>销售排行表<span class="hide"></span></span> </a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li  :style="{padding: menuOpen ? '22px 19px' : '22px 16px'}" class="menu-item item-storage" data-subid="storage"><a href="#" rel="" tabtxt="仓库"
                                                                                                                                         tabid="storage" class="main-nav cf">
                            <span class="menu-pic storage left"></span> <span class="text" :style="{display: menuOpen ? 'inline' : 'none'}" :style="{display: menuOpen ? 'inline' : 'none'}">仓库</span> </a> <span
                                class="arrow" style="top: 229px;" :style="{left: menuOpen ? '135px' : '47px'}"></span>
                        <div class="sub-nav-wrap group-nav cf" style="top: -56px;" :style="{left: menuOpen ? '143px' : '55px'}">
                            <div class="nav-item"><h3>仓库单据</h3>
                                <ul class="sub-nav">
                                    <li class=""><a href="/scm/invTf.do?action=initTf" rel="pageTab" tabtxt="调拨单"
                                                    tabid="storage-transfers" data-right="TF_ADD"> <span
                                                    class="hasList">调拨单<span class="hide"></span></span> <i
                                                    tabtxt="调拨单记录" tabid="storage-transfersList" rel="pageTab"
                                                    href="/scm/invTf.do?action=initTfList" data-right="TF_QUERY">查询</i>
                                        </a></li>
                                    <li class=""><a href="/storage/inventory.jsp" rel="pageTab" tabtxt="盘点"
                                                    tabid="storage-inventory" data-right="PD_ADD"> <span>盘点<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/storage/inventory-list.jsp" rel="pageTab" tabtxt="盘点记录"
                                                    tabid="storage-inventoryList" data-right=""> <span>盘点记录<span
                                                        class="hide"></span></span> </a></li>
                                    <li class="hide"><a href="/storage/inventorySN.jsp" rel="pageTab" tabtxt="序列号盘点"
                                                        tabid="storage-inventorySN" data-right="PD_ADD">
                                            <span>序列号盘点<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/scm/invOi.do?action=initOi&amp;type=in" rel="pageTab"
                                                    tabtxt="其他入库单" tabid="storage-otherWarehouse" data-right="IO_ADD">
                                            <span class="hasList">其他入库单<span class="hide"></span></span> <i
                                                    tabtxt="其他入库单记录" tabid="storage-otherWarehouseList" rel="pageTab"
                                                    href="/scm/invOi.do?action=initOiList&amp;type=in"
                                                    data-right="IO_QUERY">查询</i> </a></li>
                                    <li class=""><a href="/scm/invOi.do?action=initOi&amp;type=out" rel="pageTab"
                                                    tabtxt="其他出库单" tabid="storage-otherOutbound" data-right="OO_ADD">
                                            <span class="hasList">其他出库单<span class="hide"></span></span> <i
                                                    tabtxt="其他出库单记录" tabid="storage-otherOutboundList" rel="pageTab"
                                                    href="/scm/invOi.do?action=initOiList&amp;type=out"
                                                    data-right="OO_QUERY">查询</i> </a></li>
                                    <li class=""><a href="/scm/invOi.do?action=initOi&amp;type=cbtz" rel="pageTab"
                                                    tabtxt="成本调整单" tabid="storage-adjustment" data-right="CADJ_ADD">
                                            <span class="hasList">成本调整单<span class="hide"></span></span> <i
                                                    tabtxt="成本调整单记录" tabid="storage-adjustmentList" rel="pageTab"
                                                    href="/scm/invOi.do?action=initOiList&amp;type=cbtz"
                                                    data-right="CADJ_QUERY">查询</i> </a></li>
                                    <li class=""><a href="/scm/invOi.do?action=initOi&amp;type=zz" rel="pageTab"
                                                    tabtxt="组装单" tabid="storage-assemble" data-right="ZZD_ADD"> <span
                                                    class="hasList">组装单<span class="hide"></span></span> <i
                                                    tabtxt="组装单记录" tabid="storage-assembleList" rel="pageTab"
                                                    href="/scm/invOi.do?action=initOiList&amp;type=zz"
                                                    data-right="ZZD_QUERY">查询</i> </a></li>
                                    <li class=""><a href="/scm/invOi.do?action=initOi&amp;type=cx" rel="pageTab"
                                                    tabtxt="拆卸单" tabid="storage-disassemble" data-right="CXD_ADD"> <span
                                                    class="hasList">拆卸单<span class="hide"></span></span> <i
                                                    tabtxt="拆卸单记录" tabid="storage-disassembleList" rel="pageTab"
                                                    href="/scm/invOi.do?action=initOiList&amp;type=cx"
                                                    data-right="CXD_QUERY">查询</i> </a></li>
                                </ul>
                            </div>
                            <div class="nav-item"><h3>仓库报表</h3>
                                <ul class="sub-nav">
                                    <li class=""><a href="/report/goods-balance.jsp" rel="pageTab" tabtxt="商品库存余额表"
                                                    tabid="storage-initialBalance" data-right="InvBalanceReport_QUERY">
                                            <span>商品库存余额表<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/goods-flow-detail.jsp" rel="pageTab" tabtxt="商品收发明细表"
                                                    tabid="storage-goodsFlowDetail"
                                                    data-right="DeliverDetailReport_QUERY"> <span>商品收发明细表<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/goods-flow-summary.jsp" rel="pageTab" tabtxt="商品收发汇总表"
                                                    tabid="storage-goodsFlowSummary"
                                                    data-right="DeliverSummaryReport_QUERY"> <span>商品收发汇总表<span
                                                        class="hide"></span></span> </a></li>
                                    <li class="hide"><a href="/report/serNum-tracer.jsp" rel="pageTab" tabtxt="序列号跟踪表"
                                                        tabid="storage-serNumTracer" data-right="INVSERNUMDETAIL_QUERY">
                                            <span>序列号跟踪表<span class="hide"></span></span> </a></li>
                                    <li class="hide"><a href="/report/serNum-status.jsp" rel="pageTab" tabtxt="序列号状态表"
                                                        tabid="storage-serNumStatus" data-right="INVSERNUM_QUERY">
                                            <span>序列号状态表<span class="hide"></span></span> </a></li>
                                    <li class="hide"><a href="/report/batch-list.jsp" rel="pageTab" tabtxt="批次保质期清单"
                                                        tabid="storage-batchList" data-right="WARRANTY_QUERY"> <span>批次保质期清单<span
                                                        class="hide"></span></span> </a></li>
                                    <li class="hide"><a href="/report/batch-tracer.jsp" rel="pageTab" tabtxt="批次跟踪表"
                                                        tabid="storage-batchTracer" data-right="BATCHTRACER_QUERY">
                                            <span>批次跟踪表<span class="hide"></span></span> </a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li  :style="{padding: menuOpen ? '22px 19px' : '22px 16px'}" class="menu-item item-money odd" data-subid="money"><a href="#" rel="" tabtxt="资金" tabid="money"
                                                                                                                                         class="main-nav cf"> <span
                                    class="menu-pic money left"></span> <span class="text" :style="{display: menuOpen ? 'inline' : 'none'}" :style="{display: menuOpen ? 'inline' : 'none'}">资金</span> </a> <span
                                class="arrow" style="top: 296.5px;" :style="{left: menuOpen ? '135px' : '47px'}"></span>
                        <div class="sub-nav-wrap group-nav cf" style="top: 12px;" :style="{left: menuOpen ? '143px' : '55px'}">
                            <div class="nav-item"><h3>资金单据</h3>
                                <ul class="sub-nav">
                                    <li class=""><a href="/scm/receipt.do?action=initReceipt" rel="pageTab" tabtxt="收款单"
                                                    tabid="money-receipt" data-right="RECEIPT_ADD"> <span
                                                    class="hasList">收款单<span class="hide"></span></span> <i
                                                    tabtxt="收款单记录" tabid="money-receiptList" rel="pageTab"
                                                    href="/scm/receipt.do?action=initReceiptList"
                                                    data-right="RECEIPT_QUERY">查询</i> </a></li>
                                    <li class=""><a href="/scm/payment.do?action=initPay" rel="pageTab" tabtxt="付款单"
                                                    tabid="money-payment" data-right="PAYMENT_ADD"> <span
                                                    class="hasList">付款单<span class="hide"></span></span> <i
                                                    tabtxt="付款单记录" tabid="money-paymentList" rel="pageTab"
                                                    href="/scm/payment.do?action=initPayList"
                                                    data-right="PAYMENT_QUERY">查询</i> </a></li>
                                    <li class=""><a href="/scm/verifica.do?action=initVerifica" rel="pageTab"
                                                    tabtxt="核销单" tabid="money-verification" data-right="VERIFICA_ADD">
                                            <span class="hasList">核销单<span class="hide"></span></span> <i tabtxt="核销单记录"
                                                                                                          tabid="money-verificationList"
                                                                                                          rel="pageTab"
                                                                                                          href="/money/verification-list.jsp"
                                                                                                          data-right="VERIFICA_QUERY">查询</i>
                                        </a></li>
                                    <li class=""><a href="/scm/ori.do?action=initInc" rel="pageTab" tabtxt="其他收入单"
                                                    tabid="money-otherIncome" data-right="QTSR_ADD"> <span
                                                    class="hasList">其他收入单<span class="hide"></span></span> <i
                                                    tabtxt="其他收入单记录" tabid="money-otherIncomeList" rel="pageTab"
                                                    href="/scm/ori.do?action=initIncList" data-right="QTSR_QUERY">查询</i>
                                        </a></li>
                                    <li class=""><a href="/scm/ori.do?action=initExp" rel="pageTab" tabtxt="其他支出单"
                                                    tabid="money-otherExpense" data-right="QTZC_ADD"> <span
                                                    class="hasList">其他支出单<span class="hide"></span></span> <i
                                                    tabtxt="其他支出单记录" tabid="money-otherExpenseList" rel="pageTab"
                                                    href="/scm/ori.do?action=initExpList" data-right="QTZC_QUERY">查询</i>
                                        </a></li>
                                    <li class=""><a href="/money/expense-list.jsp" rel="pageTab" tabtxt="采购销售费用清单"
                                                    tabid="money-expenseList" data-right="FEEBILL_QUERY"> <span>采购销售费用清单<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/scm/fundTf.do?action=initFundTf" rel="pageTab" tabtxt="资金转账单"
                                                    tabid="money-accountTransfer" data-right="ZJZZ_ADD"> <span
                                                    class="hasList">资金转账单<span class="hide"></span></span> <i
                                                    tabtxt="资金转账单记录" tabid="money-accountTransferList" rel="pageTab"
                                                    href="/scm/fundTf.do?action=initFundTfList" data-right="ZJZZ_QUERY">查询</i>
                                        </a></li>
                                </ul>
                            </div>
                            <div class="nav-item"><h3>资金报表</h3>
                                <ul class="sub-nav">
                                    <li class=""><a href="/report/cash-bank-journal-new.jsp" rel="pageTab"
                                                    tabtxt="现金银行报表" tabid="money-cashBankJournal"
                                                    data-right="SettAcctReport_QUERY"> <span>现金银行报表<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/account-pay-detail-new.jsp" rel="pageTab"
                                                    tabtxt="应付账款明细表" tabid="money-accountPayDetail"
                                                    data-right="PAYMENTDETAIL_QUERY"> <span>应付账款明细表<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/account-proceeds-detail-new.jsp" rel="pageTab"
                                                    tabtxt="应收账款明细表" tabid="money-accountProceedsDetail"
                                                    data-right="RECEIPTDETAIL_QUERY"> <span>应收账款明细表<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/account-proceeds-summary.jsp" rel="pageTab"
                                                    tabtxt="应收账款汇总表" tabid="money-accountProceedsSummary"
                                                    data-right="ReceiptSummaryDetail_QUERY"> <span>应收账款汇总表<span
                                                        class="newMenuIcon"></span></span> </a></li>
                                    <li class=""><a href="/report/customers-reconciliation-new.jsp" rel="pageTab"
                                                    tabtxt="客户对账单" tabid="money-customersReconciliation"
                                                    data-right="CUSTOMERBALANCE_QUERY"> <span>客户对账单<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/suppliers-reconciliation-new.jsp" rel="pageTab"
                                                    tabtxt="供应商对账单" tabid="money-suppliersReconciliation"
                                                    data-right="SUPPLIERBALANCE_QUERY"> <span>供应商对账单<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/other-income-expense-detail.jsp" rel="pageTab"
                                                    tabtxt="其他收支明细表" tabid="money-otherIncomeExpenseDetail"
                                                    data-right="ORIDETAIL_QUERY"> <span>其他收支明细表<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/report/profit-detail.jsp" rel="pageTab" tabtxt="利润表"
                                                    tabid="money-profit" data-right=""> <span>利润表<span
                                                        class="hide"></span></span> </a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li  :style="{padding: menuOpen ? '22px 19px' : '22px 16px'}" class="menu-item item-information" data-subid="information"><a href="#" rel="" tabtxt="资料"
                                                                                                                                                 tabid="information"
                                                                                                                                                 class="main-nav cf"> <span
                                    class="menu-pic information left"></span> <span class="text" :style="{display: menuOpen ? 'inline' : 'none'}" :style="{display: menuOpen ? 'inline' : 'none'}">资料</span> </a> <span
                                class="arrow" style="top: 363.5px;" :style="{left: menuOpen ? '135px' : '47px'}"></span>
                        <div class="sub-nav-wrap group-nav cf" style="top: 15px;" :style="{left: menuOpen ? '143px' : '55px'}">
                            <div class="nav-item"><h3>基础资料</h3>
                                <ul class="sub-nav">
                                    <li class=""><a href="/settings/customer-list.jsp" rel="pageTab" tabtxt="客户管理"
                                                    tabid="information-customerList" data-right="BU_QUERY">
                                            <span>客户管理<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/vendor-list.jsp" rel="pageTab" tabtxt="供应商管理"
                                                    tabid="information-vendorList" data-right="PUR_QUERY">
                                            <span>供应商管理<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/goods-list.jsp" rel="pageTab" tabtxt="商品管理"
                                                    tabid="information-goodsList" data-right="INVENTORY_QUERY"> <span>商品管理<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/storage-list.jsp" rel="pageTab" tabtxt="仓库管理"
                                                    tabid="information-storageList" data-right="INVLOCTION_QUERY">
                                            <span>仓库管理<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/staff-list.jsp" rel="pageTab" tabtxt="职员管理"
                                                    tabid="information-staffList" data-right=""> <span>职员管理<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/settlement-account.jsp" rel="pageTab" tabtxt="账户管理"
                                                    tabid="information-settlementaccount" data-right="SettAcct_QUERY">
                                            <span>账户管理<span class="hide"></span></span> </a></li>
                                    <li class="hide"><a href="/settings/commodity-brand.jsp" rel="pageTab" tabtxt="商品品牌"
                                                        tabid="information-brand" data-right="BRAND_QUERY">
                                            <span>商品品牌<span class="hide"></span></span> </a></li>
                                    <li class="hide"><a href="/settings/store-list.jsp" rel="pageTab" tabtxt="门店管理"
                                                        tabid="information-storeList" data-right="STORE_QUERY"> <span>门店管理<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/shippingAddress.jsp" rel="pageTab" tabtxt="发货地址管理"
                                                    tabid="information-shippingAddress" data-right="DELIVERYADDR_QUERY">
                                            <span>发货地址管理<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/initAccount.jsp" rel="pageTab" tabtxt="新手导航"
                                                    tabid="information-initAccount" data-right=""> <span>新手导航<span
                                                        class="hide"></span></span> </a></li>
                                </ul>
                            </div>
                            <div class="nav-item"><h3>辅助资料</h3>
                                <ul class="sub-nav">
                                    <li class=""><a href="/settings/category-list.jsp?typeNumber=customertype"
                                                    rel="pageTab" tabtxt="客户类别" tabid="information-customerCategoryList"
                                                    data-right="BUTYPE_QUERY"> <span>客户类别<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/category-list.jsp?typeNumber=supplytype"
                                                    rel="pageTab" tabtxt="供应商类别" tabid="information-vendorCategoryList"
                                                    data-right="SUPPLYTYPE_QUERY"> <span>供应商类别<span class="hide"></span></span>
                                        </a></li>
                                    <li class=""><a href="/settings/category-list.jsp?typeNumber=trade" rel="pageTab"
                                                    tabtxt="商品类别" tabid="information-goodsCategoryList"
                                                    data-right="TRADETYPE_QUERY"> <span>商品类别<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/category-list.jsp?typeNumber=paccttype"
                                                    rel="pageTab" tabtxt="支出类别" tabid="information-payCategoryList"
                                                    data-right="PACCTTYPE_QUERY"> <span>支出类别<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/category-list.jsp?typeNumber=raccttype"
                                                    rel="pageTab" tabtxt="收入类别" tabid="information-recCategoryList"
                                                    data-right="RACCTTYPE_QUERY"> <span>收入类别<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/unit-list-new.jsp" rel="pageTab" tabtxt="计量单位"
                                                    tabid="information-unitList" data-right="UNIT_QUERY">
                                            <span>计量单位<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/settlement-category-list.jsp" rel="pageTab"
                                                    tabtxt="结算方式" tabid="information-settlementCL"
                                                    data-right="Assist_QUERY"> <span>结算方式<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/assistingProp.jsp" rel="pageTab" tabtxt="辅助属性"
                                                    tabid="information-assistingProp" data-right="FZSX_QUERY"> <span>辅助属性<span
                                                        class="hide"></span></span> </a></li>
                                    <li class="hide"><a href="/settings/assistingPropGuide.jsp" rel="pageTab"
                                                        tabtxt="辅助属性向导" tabid="information-assistingPropGuide"
                                                        data-right=""> <span>辅助属性向导<span class="hide"></span></span>
                                        </a></li>
                                    <li class=""><a href="/settings/customerInvNumber.jsp" rel="pageTab" tabtxt="客户物料编码"
                                                    tabid="information-customerInvNumber"
                                                    data-right="CUSTOMERINVNUMBER_QUERY"> <span>客户物料编码<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/coderule-list.jsp" rel="pageTab" tabtxt="单据编码规则"
                                                    tabid="information-coderuleList" data-right="DOCNO_QUERY"> <span>单据编码规则<span
                                                        class="hide"></span></span> </a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li  :style="{padding: menuOpen ? '22px 19px' : '22px 16px'}" class="menu-item item-minStore odd" data-subid="minStore"><a href="#" rel="" tabtxt="智慧微店"
                                                                                                                                               tabid="minStore"
                                                                                                                                               class="main-nav cf"> <span
                                    class="menu-pic minStore left"></span> <span class="text" :style="{display: menuOpen ? 'inline' : 'none'}" :style="{display: menuOpen ? 'inline' : 'none'}">智慧微店</span> </a></li>
                    <li  :style="{padding: menuOpen ? '22px 19px' : '22px 16px'}" class="menu-item item-setting" data-subid="setting"><a href="#" rel="" tabtxt="设置"
                                                                                                                                         tabid="setting" class="main-nav cf">
                            <span class="menu-pic setting left"></span> <span class="text" :style="{display: menuOpen ? 'inline' : 'none'}" :style="{display: menuOpen ? 'inline' : 'none'}">设置</span> </a> <span
                                class="arrow" style="top: 497px;" :style="{left: menuOpen ? '135px' : '47px'}"></span>
                        <div class="sub-nav-wrap group-nav cf" style="top: 135px;" :style="{left: menuOpen ? '143px' : '55px'}">
                            <div class="nav-item"><h3></h3>
                                <ul class="sub-nav">
                                    <li class=""><a href="/settings/system-parameter.jsp" rel="pageTab" tabtxt="系统参数"
                                                    tabid="setting-parameter" data-right=""> <span>系统参数<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/authority.jsp" rel="pageTab" tabtxt="权限设置"
                                                    tabid="setting-authority" data-right=""> <span>权限设置<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/operation-log-new.jsp" rel="pageTab" tabtxt="操作日志"
                                                    tabid="setting-operationLog" data-right="OPERATE_QUERY">
                                            <span>操作日志<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/print-templates.jsp" rel="pageTab" tabtxt="套打模板"
                                                    tabid="setting-printTemplates" data-right=""> <span>套打模板<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/backup.jsp" rel="pageTab" tabtxt="备份与恢复"
                                                    tabid="setting-backup" data-right=""> <span>备份与恢复<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/accounts-unaccounts.jsp" rel="pageTab"
                                                    tabtxt="结账/反结账" tabid="setting-accounts" data-right=""> <span>结账/反结账<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="#" rel="pageTab" tabtxt="重算成本" tabid="setting-recalculation"
                                                    data-right=""> <span>重算成本<span class="hide"></span></span> </a></li>
                                    <li class=""><a href="/settings/addedServiceList.jsp" rel="pageTab" tabtxt="增值服务"
                                                    tabid="setting-addedServiceList" data-right=""> <span>增值服务<span
                                                        class="hide"></span></span> </a></li>
                                    <li class="hide"><a href="/settings/assistingPropGuide.jsp" rel="pageTab"
                                                        tabtxt="辅助属性向导" tabid="setting-assistingPropGuide"
                                                        data-right=""> <span>辅助属性向导<span class="hide"></span></span>
                                        </a></li>
                                    <li class=""><a href="#" rel="pageTab" tabtxt="重新初始化" tabid="setting-reInitial"
                                                    data-right=""> <span>重新初始化<span class="hide"></span></span> </a>
                                    </li>
                                    <li class=""><a href="/settings/printTemplates.jsp?type=10201" rel="pageTab"
                                                    tabtxt="在线打印设置" tabid="setting-printTemplate" data-right=""> <span>在线打印设置<span
                                                        class="hide"></span></span> </a></li>
                                    <li class=""><a href="#" rel="pageTab" tabtxt="金蝶云链"
                                                    tabid="setting-kingdeeCloudLink" data-right=""> <span>金蝶云链<span
                                                        class="hide"></span></span> </a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                </ul>
                <div :class="[menuOpen ? 'menu-open' : 'menu-close', 'fold-mark']"  :style="{left: menuOpen ? '125px' : '37px'}" @click="menuOpen = !menuOpen"></div>
                <div class="copy-right" v-if="menuOpen"></div>
            </div>
        </div>
    </div>
    <div class="default-main" :style="{left: menuOpen ? '143px' : '55px'}">
        <div>
            <div class="main-hd cf ">
                <div class="companyName left" title="123456789"> {{tabHeight}}</div>
                <div class="right">
                    <ul style="padding: 13px 0;" class="advanced-menu cf left ">
                        <li class="">
                            <a class="icon iconfont icon-logout"></a>
                        </li>
                        <li class="">
                            <a class="icon iconfont icon-logout"></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="main-bd" style="">
                <div class="page-tab l-tab" :style="{height: tabHeight + 'px'}" ligeruiid="Tab1000">
                    <div class="l-tab-links" :style="{left: menuOpen ? '1200px' : '1225px'}">
                        <ul style="left: 0px; ">
                            <li tabid="index" class=""><a style="padding: 0px 10px;">首页</a>
                                <div class="l-tab-links-item-left"></div>
                                <div class="l-tab-links-item-right"></div>
                            </li>
                            <li tabid="information-initAccount" class="l-selected"><a>新手导航</a>
                                <div class="l-tab-links-item-left"></div>
                                <div class="l-tab-links-item-right"></div>
                                <div class="l-tab-links-item-close"></div>
                            </li>
                            <li id="tabManage"></li>
                        </ul>
                        <div class="l-tab-switch"></div>
                    </div>
                    <div class="l-tab-content" :style="{height: tabHeight - 32 + 'px'}">
                        <div class="l-tab-content-item" tabid="index"  :style="{height: tabHeight - 32 + 'px'}" style="display: none;">
                            <div class="home cf">
                                <div class="home-main-item left">
                                    <div class="home-main">
                                        <div class="home-goodsMsg">
                                            <div class="home-goodsMsg-wrap"><span class="icon-left pre"></span>
                                                <ul class="goodsMsg-dtl cf" style="width: 0px;">
                                                    <li style="margin-left: 0px; background-color: rgb(252, 133, 86); border: 1px solid rgb(244, 114, 56); width: 0px; display: list-item;"
                                                        class="panel hide" data-color="#fc8556" data-id="" right="">
                                                        <span class="name" style="background-color: #f79b67">库存预警</span>
                                                        <span class="notice-btn" style="background-color: #f79b67"><i
                                                                    class="icon icon-jdy_weixin"></i><span>微信通知提醒</span></span>
                                                        <div class="number" data-number="0">0</div>
                                                    </li>
                                                    <li style="margin-left: 20px; background-color: rgb(248, 187, 57); border: 1px solid rgb(233, 169, 16); width: 0px; display: list-item;"
                                                        class="panel hide" data-color="#f8bb39"
                                                        data-id="sales/salesOrderList" right="SO_QUERY"><span
                                                                class="name"
                                                                style="background-color: #f9c650">未发货销货订单</span>
                                                        <div class="number" data-number="0">0</div>
                                                    </li>
                                                    <li style="margin-left: 20px; background-color: rgb(71, 192, 86); border: 1px solid rgb(46, 177, 60); width: 0px; display: list-item;"
                                                        class="panel hide" data-color="#47c056"
                                                        data-id="purchase/purchaseList" right="PU_QUERY"><span
                                                                class="name"
                                                                style="background-color: #62ca6c">今日购货笔数</span>
                                                        <div class="number" data-number="0">0</div>
                                                    </li>
                                                    <li style="margin-left: 20px; background-color: rgb(91, 143, 212); border: 1px solid rgb(71, 121, 200); width: 0px; display: list-item;"
                                                        class="panel hide" data-color="#5b8fd4"
                                                        data-id="sales/salesList" right="SA_QUERY"><span class="name"
                                                                                                         style="background-color: #779cdb">今日销货笔数</span>
                                                        <div class="number" data-number="0">0</div>
                                                    </li>
                                                    <li style="margin-left: 20px; background-color: rgb(252, 133, 86); border: 1px solid rgb(244, 114, 56); width: 0px; display: list-item;"
                                                        class="panel hide" data-color="#fc8556"
                                                        data-id="money/receiptList" right="RECEIPT_QUERY"><span
                                                                class="name"
                                                                style="background-color: #f79b67">今日收款笔数</span>
                                                        <div class="number" data-number="0">0</div>
                                                    </li>
                                                    <li style="margin-left: 20px; background-color: rgb(248, 187, 57); border: 1px solid rgb(233, 169, 16); width: 0px; display: list-item;"
                                                        class="panel hide" data-color="#f8bb39"
                                                        data-id="purchase/purchaseOrderList" right="PO_QUERY"><span
                                                                class="name"
                                                                style="background-color: #f9c650">未到货购货订单</span>
                                                        <div class="number" data-number="0">0</div>
                                                    </li>
                                                </ul>
                                                <span class="icon-right next" style="display: inline;"></span></div>
                                        </div>
                                        <div class="home-charts panel">
                                            <div class="header cf">
                                                <div class="title left">
                                                    <div class="tab">
                                                        <ul>
                                                            <li id="0" class="cur">销货</li>
                                                            <li id="1">购货</li>
                                                            <li id="2">仓库</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="search-time left" style="position: relative;"><span
                                                            id="time">近七天</span> <span class="icon-bottom"></span>
                                                    <div class="drop-down-wrap" style="width: 100px; left: -48px;">
                                                        <div class="drop-down"><span
                                                                    class="triangle-border"></span><span
                                                                    class="triangle-bg"></span>
                                                            <ul>
                                                                <li class="" style="text-align: center"><a href="#"
                                                                                                           target="">近七天</a>
                                                                </li>
                                                                <li class="" style="text-align: center"><a href="#"
                                                                                                           target="">近七周</a>
                                                                </li>
                                                                <li class="" style="text-align: center"><a href="#"
                                                                                                           target="">近七月</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="home-myCharts" style="height: 0px;">
                                                <div class="home-sales" _echarts_instance_="ec_1641346531268"
                                                     style="display: block; -webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;">
                                                    <div style="position: relative; overflow: hidden; width: 0px; height: 100px; padding: 0px; margin: 0px; border-width: 0px;">
                                                        <canvas width="0" height="125" data-zr-dom-id="zr_0"
                                                                style="position: absolute; left: 0px; top: 0px; width: 0px; height: 100px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                                                    </div>
                                                    <div></div>
                                                </div>
                                                <div class="home-purchase cf" style="display: none;">
                                                    <div class="purchaseBarwrap">
                                                        <div style="text-align: center; font-weight: bold; margin: 35px 0 14px 0;">
                                                            购货金额排名
                                                        </div>
                                                        <div class="purchaseBarLeft"></div>
                                                        <div class="purchaseBarRight"></div>
                                                    </div>
                                                </div>
                                                <div class="home-stock" style="display: none;"></div>
                                                <div class="home-nothing" style="display: none;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="home-auxiliary-item left">
                                    <div class="home-notice panel">
                                        <div><!-- <div style="" -->
                                            <ul class="home-noticeWrap"> <!--  -->
                                                <li class="islink " data-link="/service/service.jsp?newsId=20000000511">
                                                    1. 无代码配置微信自动推送销货订单信息
                                                </li>
                                                <li class="islink " data-link="/service/service.jsp?newsId=20000000510">
                                                    2. 无代码配置实现发货自动提醒
                                                </li>
                                                <li class="islink " data-link="/service/service.jsp?newsId=20000000507">
                                                    3. 让库存预警升级为自动化流程
                                                </li>
                                                <li class="hide">aaaa,欢迎使用</li>
                                            </ul>
                                            <span class="home-sticky"></span></div>
                                    </div>
                                    <div class="home-common panel"><span class="home-common-set icon icon-set"></span>
                                        <div class="home-title">
                                            <div class="tab">
                                                <ul>
                                                    <li id="0" class="cur">常用功能</li>
                                                    <li id="1">关键数据</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="home-content">
                                            <div class="home-quick-links" style="display: block;">
                                                <div>
                                                    <ul class="home-link-items cf">
                                                        <li class="item" data-id="purchase/purchase"><a title="购货单">
                                                                <div class="icon icon-purchase"
                                                                     style="color: #98d637;"></div>
                                                                <div class="text">购货单</div>
                                                            </a></li>
                                                        <li class="item" data-id="sales/sales"><a title="销货单">
                                                                <div class="icon icon-sales"
                                                                     style="color: #ffbf25;"></div>
                                                                <div class="text">销货单</div>
                                                            </a></li>
                                                        <li class="item" data-id="storage/transfers"><a title="调拨单">
                                                                <div class="icon icon-transfers"
                                                                     style="color: #fe854e;"></div>
                                                                <div class="text">调拨单</div>
                                                            </a></li>
                                                        <li class="item" data-id="money/receipt"><a title="收款单">
                                                                <div class="icon icon-money"
                                                                     style="color: #598ad7;"></div>
                                                                <div class="text">收款单</div>
                                                            </a></li>
                                                        <li class="item" data-id="storage/inventory"><a title="盘点">
                                                                <div class="icon icon-transfers"
                                                                     style="color: #98d637;"></div>
                                                                <div class="text">盘点</div>
                                                            </a></li>
                                                        <li class="item" data-id="purchase/purchaseView"><a
                                                                    title="以销定购">
                                                                <div class="icon icon-purchase"
                                                                     style="color: #fe854e;"></div>
                                                                <div class="text">以销定购</div>
                                                            </a></li>
                                                        <li class="item" data-id="setting/accounts"><a title="结账反结账">
                                                                <div class="icon icon-accounts"
                                                                     style="color: #ffbf25;"></div>
                                                                <div class="text">结账反结账</div>
                                                            </a></li>
                                                        <li class="item" data-id="setting/addedServiceList"><a
                                                                    title="增值服务">
                                                                <div class="icon icon-addedServiceList"
                                                                     style="color: #598ad7;"></div>
                                                                <div class="text">增值服务</div>
                                                            </a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="home-key-data" style="display: none;">
                                                <div>
                                                    <ul class="home-keyData"></ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="l-tab-content-item" tabid="information-initAccount"  :style="{height: tabHeight - 32 + 'px'}">
                            <div class="l-tab-loading" style="display: none;"></div>
                            <iframe frameborder="0" name="information-initAccount" id="information-initAccount"
                                    src="http://www.jd.com"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
